import React from "react";
import ReactDOM from "react-dom/client";
const root = ReactDOM.createRoot(document.querySelector("#root"));

const liNode1 = React.createElement("h1", null, "苹果");
const liNode2 = React.createElement("h1", null, "苹果");
const liNode3 = React.createElement("h1", null, "苹果");
const ulNode = React.createElement(
  "ul",
  // 💥💥 JS中class是关键字， 不能作为属性名，变量名
  // class => className
  { className: "box" },
  liNode1,
  liNode2,
  liNode3
);

root.render(ulNode);
